<!-- 轮播配置 -->
<template>
    <div>
        <el-form-item label="类型">
            <avue-radio
                v-model="main.activeOption.type"
                :dic="dicOption.swiperType"
                :disabled="disabled"
            ></avue-radio>
        </el-form-item>
        <el-form-item label="轮播时间">
            <avue-input
                v-model="main.activeOption.interval"
                :disabled="disabled"
            ></avue-input>
        </el-form-item>
        <el-form-item label="选择器">
            <avue-radio
                v-model="main.activeOption.indicator"
                :dic="dicOption.swiperIndicator"
                :disabled="disabled"
            >
            </avue-radio>
        </el-form-item>
        <el-form-item label="图片透明度">
            <avue-slider
                v-model="main.activeOption.opacity"
                :disabled="disabled"
            ></avue-slider>
        </el-form-item>
        <el-form-item label="视频自动播放">
            <avue-switch
                v-model="main.activeOption.autoplay"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-form-item label="视频控制台">
            <avue-switch
                v-model="main.activeOption.controls"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-form-item label="视频循环">
            <avue-switch
                v-model="main.activeOption.loop"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "swiper",
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    },
    inject: ["main", "contain"]
};
</script>

<style></style>
